feat(frontend): truncate long operator descriptions with ellipsis and tooltip#5677
feat(frontend): truncate long operator descriptions with ellipsis and tooltip#5677rbelavadi wants to merge 2 commits into
Conversation
…show full text on hover
|
👋 Thanks for your first contribution to Texera, @rbelavadi! If you're looking for a good place to start, browse issues labeled You can drive common housekeeping yourself by commenting one of these commands on its own line:
Each command must match exactly: |
|
Hi @rbelavadi, thanks for the PR! Since this PR includes a UI improvement, could you please add a screenshot to the PR description? |
|
Hi @rbelavadi thanks for the PR. For UI changes, please include screenshot before and after so reviewer can understand the change. Also please add test cases to guard this behavior programmatically. Thanks. |
Hi, thank you for the feedback. I'm working on it right now. |
|
Hi @xuang7 and @Yicong-Huang, |
What changes were proposed in this PR?
Fixes the description truncation part of #4494 (operator name truncation was already addressed separately per maintainer comment).
Long operator descriptions in the property editor panel break the layout and make the panel harder to read. This change clamps the description text to 3 lines with an ellipsis, and shows the full description in a tooltip on hover using the existing
nz-tooltipcomponent already used throughout the project.Before: long descriptions overflow with no limit

After: descriptions clamp to 3 lines with

..., full text visible on hoverAny related issues, documentation, discussions?
Fixes #4494
How was this PR tested?
Added 2 unit tests to
operator-property-edit-frame.component.spec.ts:should truncate text with CSS line-clamp when description is longshould show tooltip attribute on description containerAll existing tests continue to pass.
Was this PR authored or co-authored using generative AI tooling?
Co-authored using Claude (Anthropic). Changes were reviewed and verified
by the author.